.homeContainer {  display: grid;
  grid-template-columns: 0.5fr 1fr 0.6fr 0.5fr 1.5fr 1.4fr 0.5fr;
  grid-template-rows: 0.3fr 0.2fr 2.5fr 2fr 0.7fr;
  grid-auto-rows: 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  justify-content: space-evenly;
  align-content: space-evenly;
  justify-items: stretch;
  align-items: stretch;
  grid-template-areas:
    "home--logotitle home--logotitle home--middle_title home--middle_title home--middle_title home--timing home--setting"
    "home--thirtyapp home--thirtyapp home--thirtyapp . . . ."
    "home--thirtyapp home--thirtyapp home--thirtyapp . home--video_btn_main home--video_btn_main ."
    "home--thirtyapp home--thirtyapp home--thirtyapp home--video_btn_sub1 home--video_btn_sub1 home--video_btn_sub2 home--video_btn_sub2"
    "home--thirtyapp home--thirtyapp home--thirtyapp . . . .";
}

.home--video_btn_main {
  justify-self: center;
  align-self: center;
  grid-area: home--video_btn_main;
}

.home--video_btn_sub1 {
  justify-self: center;
  align-self: center;
  grid-area: home--video_btn_sub1;
}

.home--video_btn_sub2 {
  justify-self: center;
  align-self: center;
  grid-area: home--video_btn_sub2;
}

.home--timing {
  justify-self: center;
  align-self: center;
  grid-area: home--timing;
}

.home--setting {
  justify-self: center;
  align-self: center;
  grid-area: home--setting;
}

.home--middle_title {
  align-self: start;
  grid-area: home--middle_title;
}

.home--thirtyapp {  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 0.2fr 1fr 1fr 1fr 1fr 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    ". . . . . ."
    "home--thirtyapp_main home--thirtyapp_main home--thirtyapp_main home--thirtyapp_main home--thirtyapp_main home--thirtyapp_main"
    "home--thirtyapp_main home--thirtyapp_main home--thirtyapp_main home--thirtyapp_main home--thirtyapp_main home--thirtyapp_main"
    "home--thirtyapp_main home--thirtyapp_main home--thirtyapp_main home--thirtyapp_main home--thirtyapp_main home--thirtyapp_main"
    "home--thirtyapp_main home--thirtyapp_main home--thirtyapp_main home--thirtyapp_main home--thirtyapp_main home--thirtyapp_main"
    "home--thirtyapp_main home--thirtyapp_main home--thirtyapp_main home--thirtyapp_main home--thirtyapp_main home--thirtyapp_main";
  grid-area: home--thirtyapp;
}

.home--thirtyapp_main { grid-area: home--thirtyapp_main; }

.home--logotitle { grid-area: home--logotitle; }




/********/
.home {
  width: 100vw;
  height: 100vh;
  background: rgba(13, 31, 67, 0.8);
  //   overflow: hidden;
}

.homeContainer {
  width: 100%;
  height: 100%;

  .home--middle_title {
    font-size: 30px;
    color: #FFF;
  }
}
// .app-type1 {
//   width: 100%;
//   height: 100%;
// }


body {
  width: 1920px;
  height: 1080px;
  overflow: hidden
}